<template>
    <div class="content">
        <h3>Notes and Data Providers<el-icon class="i-close" @click="toClose">
                <Close />
            </el-icon></h3>
        <p>Real-time U.S. stock quotes reflect trades reported through Nasdaq only.</p>
        <p>International stock quotes are delayed as per exchange requirements. Indexes may be real-time or delayed;
            refer to time stamps on index quote pages for information on delay times.</p>
        <p>Quote data, except U.S. stocks, provided by<!-- --> <a class="factset" href="https://www.factset.com/"
                rel="nofollow" target="_blank">FACTSET</a>.</p>
        <p>Data is provided "as is" for informational purposes only and is not intended for trading purposes.<!-- --> <a
                class="factset" href="https://www.factset.com/" rel="nofollow" target="_blank">FACTSET</a> <!-- -->(a)
            does not make any express or implied warranties of any kind regarding the data, including, without
            limitation, any warranty of merchantability or fitness for a particular purpose or use; and (b) shall not be
            liable for any errors, incompleteness, interruption or delay, action taken in reliance on any data, or for
            any damages resulting therefrom. Data may be intentionally delayed pursuant to supplier requirements.</p>
        <p>All of the mutual fund and ETF information contained in this display was supplied by Lipper, A Thomson
            Reuters Company, subject to the following: Copyright <!-- -->2024<!-- --> © Thomson Reuters. All rights
            reserved. Any copying, republication or redistribution of Lipper content, including by caching, framing or
            similar means, is expressly prohibited without the prior written consent of Lipper. Lipper shall not be
            liable for any errors or delays in the content, or for any actions taken in reliance thereon.</p>
        <p>Bond quotes are updated in real-time. Source: Tullett Prebon.</p>
        <p>Currency quotes are updated in real-time. Source: Tullet Prebon.</p>
        <p>Fundamental company data and analyst estimates provided by FactSet. Copyright <!-- -->2024<!-- --> FactSet
            Research Systems Inc. All rights reserved.</p>
    </div>
</template>
<script setup>
const emit = defineEmits(['toClose'])
const toClose = () => {
    emit('toClose', false)
}
</script>
<style scoped lang='scss'>
.content {
    min-width: 160px;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    max-height: 1000px;
    background: #fff;
    overflow: hidden;
    transition: .3s max-height ease-in-out, .3s opacity ease-in-out;
    margin-bottom: 5px;

    h3 {
        color: #8fa8b5;
        font-size: 13px;
        margin: 0;
        border-bottom: 1px solid rgba(0, 74, 110, .1);
        text-align: center;
        display: block;
        padding: 20px;
        position: relative;

        .i-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 16px;
            min-width: 0;
            cursor: pointer;
            color: #bcbcbc;
        }
    }

    p {
        padding: 10px 10px 10px 20px;
        font-size: 12px;
    }
}
</style>